<!DOCTYPE html>
<html lang="zh">

<head>
    <script async src = "//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js" >
    </script>
    <script>
    (adsbygoogle = window.adsbygoogle || []).push({
        google_ad_client: "ca-pub-8550836177608334",
        enable_page_level_ads: true
    });
    </script>
    <script>
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?c05bb16ea908292af9f6c513087a1cc3";
      var s = document.getElementsByTagName("script")[0]; 
      s.parentNode.insertBefore(hm, s);
    })();
    </script>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="author" content="JackHCC" />
    <title>Creative.cc - JackCC's Toolkit</title>
    <meta name="keywords" content="效率工具集. nav.creativecc.cn">
    <meta name="description" content="一个简单的效率工具箱. nav.creativecc.cn">

    <link rel="shortcut icon" href="../assets/images/favicon.png">
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Arimo:400,700,400italic">
    <link rel="stylesheet" href="../assets/css/fonts/linecons/css/linecons.css">
    <link rel="stylesheet" href="../assets/css/fonts/fontawesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="../assets/css/bootstrap.css">
    <link rel="stylesheet" href="../assets/css/xenon-core.css">
    <link rel="stylesheet" href="../assets/css/xenon-components.css">
    <link rel="stylesheet" href="../assets/css/xenon-skins.css">
    <link rel="stylesheet" href="../assets/css/nav.css">
    <link rel="stylesheet" href="../assets/css/m_dh.style.css">
    <script src="../assets/js/jquery-1.11.1.min.js"></script>
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <!-- / FB Open Graph -->
    <meta property="og:type" content="article">
    <meta property="og:url" content="nav.creativecc.cn">
    <meta property="og:title" content="Creative.cc - 效率工具集,nav.creativecc.cn">
    <meta property="og:description" content="一个简单的效率工具箱. nav.creativecc.cn">
    <meta property="og:site_name" content="Creative.cc - 效率工具集. nav.creativecc.cn">
    <!-- / Twitter Cards -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Creative.cc - 效率工具集,nav.creativecc.cn">
    <meta name="twitter:description" content="一个简单的效率工具箱. nav.creativecc.cn">
</head>

<body class="page-body">
    <!-- skin-white -->
    <div class="page-container">
        <div class="sidebar-menu toggle-others fixed">
            <div class="sidebar-menu-inner">
                <header class="logo-env">
                    <!-- logo -->
                    <div class="logo">
                        <a href="index.html" class="logo-expanded">
                            <img src="../assets/images/logo@2x.png" width="100%" alt="" />
                        </a>
                        <a href="index.html" class="logo-collapsed">
                            <img src="../assets/images/logo-collapsed@2x.png" width="40" alt="" />
                        </a>
                    </div>
                    <div class="mobile-menu-toggle visible-xs">
                        <a href="#" data-toggle="user-info-menu">
                            <i class="linecons-cog"></i>
                        </a>
                        <a href="#" data-toggle="mobile-menu">
                            <i class="fa-bars"></i>
                        </a>
                    </div>
                </header>
                <ul id="main-menu" class="main-menu">
                    <li>
                        <a href="#JackHCC" class="smooth">
                            <i class="linecons-star"></i>
                            <span class="title">JackHCC</span>
                        </a>
                    </li>
                    <li>
                        <a href="#常用标签" class="smooth">
                            <i class="linecons-doc"></i>
                            <span class="title">常用标签</span>
                        </a>
                    </li>
                    <li>
                        <a>
                            <i class="linecons-pencil"></i>
                            <span class="title">管理平台</span>
                        </a>
                        <ul>
                            <li>
                                <a href="#在线邮箱" class="smooth">
                                    <span class="title">在线邮箱</span>
                                </a>
                            </li>
                            <li>
                                <a href="#个人工具" class="smooth">
                                    <span class="title">个人工具</span>
                                </a>
                            </li>
                            <li>
                                <a href="#项目管理" class="smooth">
                                    <span class="title">项目管理</span>
                                </a>
                            </li>
                            <li>
                                <a href="#三方应用" class="smooth">
                                    <span class="title">三方应用</span>
                                </a>
                            </li>
                            <li>
                                <a href="#其他管理" class="smooth">
                                    <span class="title">其他管理</span>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a>
                            <i class="linecons-diamond"></i>
                            <span class="title">工具大全</span>
                        </a>
                        <ul>
                            <li>
                                <a href="#通用工具" class="smooth">
                                    <span class="title">通用工具</span>
                                </a>
                            </li>
                            <li>
                                <a href="#写作编程" class="smooth">
                                    <span class="title">写作编程</span>
                                </a>
                            </li>
                            <li>
                                <a href="#数学工具" class="smooth">
                                    <span class="title">数学工具</span>
                                </a>
                            </li>
                            <li>
                                <a href="#安全工具" class="smooth">
                                    <span class="title">安全工具</span>
                                </a>
                            </li>
                            <li>
                                <a href="#软件下载" class="smooth">
                                    <span class="title">软件下载</span>
                                </a>
                            </li>
                            <li>
                                <a href="#翻译平台" class="smooth">
                                    <span class="title">翻译平台</span>
                                </a>
                            </li>
                            <li>
                                <a href="#检索工具" class="smooth">
                                    <span class="title">检索工具</span>
                                </a>
                            </li>
                            <li>
                                <a href="#其他工具" class="smooth">
                                    <span class="title">其他工具</span>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a>
                            <i class="linecons-pencil"></i>
                            <span class="title">学习资源</span>
                        </a>
                        <ul>
                            <li>
                                <a href="#学习平台" class="smooth">
                                    <span class="title">学习平台</span>
                                </a>
                            </li>
                            <li>
                                <a href="#竞赛平台" class="smooth">
                                    <span class="title">竞赛平台</span>
                                </a>
                            </li>
                            <li>
                                <a href="#文档资料" class="smooth">
                                    <span class="title">文档资料</span>
                                </a>
                            </li>
                            <li>
                                <a href="#优质课程" class="smooth">
                                    <span class="title">优质课程</span>
                                    <span class="label label-pink pull-right hidden-collapsed">Hot</span>
                                </a>
                            </li>
                            <li>
                                <a href="#生活百科" class="smooth">
                                    <span class="title">生活百科</span>
                                </a>
                            </li>
                            <li>
                                <a href="#其他资料" class="smooth">
                                    <span class="title">其他资料</span>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a>
                            <i class="linecons-pencil"></i>
                            <span class="title">学术研究</span>
                        </a>
                        <ul>
                            <li>
                                <a href="#学术检索" class="smooth">
                                    <span class="title">学术检索</span>
                                </a>
                            </li>
                            <li>
                                <a href="#学术工具" class="smooth">
                                    <span class="title">学术工具</span>
                                </a>
                            </li>
                            <li>
                                <a href="#人工智能" class="smooth">
                                    <span class="title">人工智能</span>
                                    <span class="label label-pink pull-right hidden-collapsed">Hot</span>
                                </a>
                            </li>
                            <li>
                                <a href="#研究补充" class="smooth">
                                    <span class="title">研究补充</span>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a>
                            <i class="linecons-lightbulb"></i>
                            <span class="title">设计大全</span>
                        </a>
                        <ul>
                            <li>
                                <a href="#设计平台" class="smooth">
                                    <span class="title">设计平台</span>
                                </a>
                            </li>
                            <li>
                                <a href="#图像设计" class="smooth">
                                    <span class="title">图像设计</span>
                                    <span class="label label-pink pull-right hidden-collapsed">Hot</span>
                                </a>
                            </li>
                            <li>
                                <a href="#视频设计" class="smooth">
                                    <span class="title">视频设计</span>
                                </a>
                            </li>
                            <li>
                                <a href="#音频设计" class="smooth">
                                    <span class="title">音频设计</span>
                                </a>
                            </li>
                            <li>
                                <a href="#3D设计" class="smooth">
                                    <span class="title">3D设计</span>
                                </a>
                            </li>
                            <li>
                                <a href="#其他设计" class="smooth">
                                    <span class="title">其他设计</span>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a>
                            <i class="linecons-thumbs-up"></i>
                            <span class="title">素材资源</span>
                        </a>
                        <ul>
                            <li>
                                <a href="#图标素材" class="smooth">
                                    <span class="title">图标素材</span>
                                </a>
                            </li>
                            <li>
                                <a href="#图像素材" class="smooth">
                                    <span class="title">图像素材</span>
                                </a>
                            </li>
                            <li>
                                <a href="#视频素材" class="smooth">
                                    <span class="title">视频素材</span>
                                </a>
                            </li>
                            <li>
                                <a href="#音频素材" class="smooth">
                                    <span class="title">音频素材</span>
                                </a>
                            </li>
                            <li>
                                <a href="#3D素材" class="smooth">
                                    <span class="title">3D素材</span>
                                </a>
                            </li>
                            <li>
                                <a href="#字体资源" class="smooth">
                                    <span class="title">字体资源</span>
                                </a>
                            </li>
                            <li>
                                <a href="#PDF资源" class="smooth">
                                    <span class="title">PDF资源</span>
                                </a>
                            </li>
                            <li>
                                <a href="#PPT资源" class="smooth">
                                    <span class="title">PPT资源</span>
                                </a>
                            </li>
                            <li>
                                <a href="#其他资源" class="smooth">
                                    <span class="title">其他资源</span>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a>
                            <i class="linecons-pencil"></i>
                            <span class="title">娱乐平台</span>
                        </a>
                        <ul>
                            <li>
                                <a href="#在线游戏" class="smooth">
                                    <span class="title">在线游戏</span>
                                </a>
                            </li>
                            <li>
                                <a href="#视频平台" class="smooth">
                                    <span class="title">视频平台</span>
                                </a>
                            </li>
                            <li>
                                <a href="#社交平台" class="smooth">
                                    <span class="title">社交平台</span>
                                </a>
                            </li>
                            <li>
                                <a href="#其他娱乐" class="smooth">
                                    <span class="title">其他娱乐</span>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="#友情链接" class="smooth">
                            <i class="linecons-user"></i>
                            <span class="title">友情链接</span>
                        </a>
                    </li>
                    <li>
                        <a href="about.html">
                            <i class="linecons-heart"></i>
                            <span class="tooltip-blue">关于本站</span>
                            <span class="label label-Primary pull-right hidden-collapsed">♥︎</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="main-content">
            <nav class="navbar user-info-navbar" role="navigation">
                <!-- User Info, Notifications and Menu Bar -->
                <!-- Left links for user info navbar -->
                <ul class="user-info-menu left-links list-inline list-unstyled">
                    <li class="hidden-sm hidden-xs">
                        <a href="#" data-toggle="sidebar">
                            <i class="fa-bars"></i>
                        </a>
                    </li>
                    <li class="dropdown hover-line language-switcher">
                        <a href="../cn/index.html" class="dropdown-toggle" data-toggle="dropdown">
                            <img src="../assets/images/flags/flag-cn.png" alt="flag-cn" /> JackHCC
                        </a>
                        <ul class="dropdown-menu languages">
                            <li>
                                <a href="../en/index.html">
                                    <img src="../assets/images/flags/flag-us.png" alt="flag-us" /> Lib
                                </a>
                            </li>
                            <li class="active">
                                <a href="../cn/index.html">
                                    <img src="../assets/images/flags/flag-cn.png" alt="flag-cn" /> JackHCC
                                </a>
                            </li>
                        </ul>
                    </li>
                </ul>
                <ul class="user-info-menu right-links list-inline list-unstyled">
                    <li class="hidden-sm hidden-xs">
                        <a href="https://github.com/JackHCC" target="_blank">
                            <i class="fa-github"></i>  GitHub
                        </a>
                    </li>
                </ul>
            </nav>
            <br />

            <!-- Search -->
            <div class="ui main container">
                <img class="centerlog" src="../assets/images/logo_dark@2x.png">
                <div class="ui search">
                    <div class="ui input">
                        <input id="search" name="wd" class="prompt" placeholder="" type="text" autofocus="autofocus">
                    </div>
                </div>
                <div class="ui sbuttons">
                    <button class="ui button" id="google" >
                        谷歌
                    </button>
                    <button class="ui button" id="bing">
                        必应
                    </button>
                    <button class="ui button" id="baidu" >
                        百度
                    </button>
                    <button class="ui button" id="github">
                        GitHub
                    </button>
                    <button class="ui button" id="gitee">
                        码云
                    </button>
                    <button class="ui button" id="zhihu">
                        知乎
                    </button>
                    <button class="ui button" id="jd" >
                        京东
                    </button>
                    <button class="ui button" id="taobao" >
                        淘宝
                    </button>
                    <button class="ui button" id="youtube" >
                        YouTube
                    </button>
                    <button class="ui button" id="bilibili">
                        bilibili
                    </button>
                    <button class="ui button" id="fanyi" >
                        翻译
                    </button>
                </div>
            </div>
            <br>

            <!-- JackHCC -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="JackHCC"></i>JackHCC</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://blog.creativecc.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://blog.creativecc.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/blog.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>JackHCC的博客</strong>
                                </a>
                                <p class="overflowClip_2">个人技术栈与知识库体系</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://github.com/JackHCC', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://github.com/JackHCC">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/github.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Github主页</strong>
                                </a>
                                <p class="overflowClip_2">个人Github主页</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://gitee.com/Jack_HCC', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://gitee.com/Jack_HCC">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/gitee.png" class="lozad img-circle" width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Gitee主页</strong>
                                </a>
                                <p class="overflowClip_2">个人Gitee主页</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.zhihu.com/people/jack-c-77', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.zhihu.com/people/jack-c-77">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/zhihu.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>知乎主页</strong>
                                </a>
                                <p class="overflowClip_2">个人知乎主页</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://blog.csdn.net/qq_43042024', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://blog.csdn.net/qq_43042024">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/csdn.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>CSDN主页</strong>
                                </a>
                                <p class="overflowClip_2">个人CSDN博客主页</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.jianshu.com/u/f4a500314f23', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.jianshu.com/u/f4a500314f23">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/jianshu.png" class="lozad img-circle" width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>简书主页</strong>
                                </a>
                                <p class="overflowClip_2">个人简书主页</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://leetcode-cn.com/u/jack-cheng-b/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://leetcode-cn.com/u/jack-cheng-b/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/leecode.png" class="lozad img-circle" width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>力扣主页</strong>
                                </a>
                                <p class="overflowClip_2">个人LeeCode主页</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://space.bilibili.com/327097999', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://space.bilibili.com/327097999">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/bilibili.png" class="lozad img-circle" width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>bilibili主页</strong>
                                </a>
                                <p class="overflowClip_2">个人bilibili主页</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://twitter.com/JackChe66021834', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://twitter.com/JackChe66021834">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/twitter.png" class="lozad img-circle" width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Twitter主页</strong>
                                </a>
                                <p class="overflowClip_2">个人Twitter主页</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.instagram.com/hcc0701/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.instagram.com/hcc0701/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/instagram.png" class="lozad img-circle" width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Instagram主页</strong>
                                </a>
                                <p class="overflowClip_2">个人Instagram主页</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!-- END JackHCC -->

            <!-- 常用标签 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="常用标签"></i>常用标签</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://portal.pku.edu.cn/portal2017/#/index', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://portal.pku.edu.cn/portal2017/#/index">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/pku.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>北京大学校内门户</strong>
                                </a>
                                <p class="overflowClip_2">北京大学校内门户登录入口</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://bbs.pku.edu.cn/v2/home.php', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://bbs.pku.edu.cn/v2/home.php">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/weiming.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>北大未名</strong>
                                </a>
                                <p class="overflowClip_2">北大未名学生论坛</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://dangxiao.pku.edu.cn/user/login', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://dangxiao.pku.edu.cn/user/login">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/dang.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>北大党校</strong>
                                </a>
                                <p class="overflowClip_2">北大党校党课学习平台登录入口</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://course.pku.edu.cn/webapps/login/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://course.pku.edu.cn/webapps/login/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/jiaoxue.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>北大教学网</strong>
                                </a>
                                <p class="overflowClip_2">北大课程教学网登陆入口</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://zh.wikipedia.org/wiki/Wikipedia:%E9%A6%96%E9%A1%B5', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://zh.wikipedia.org/wiki/Wikipedia:%E9%A6%96%E9%A1%B5">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/wikipedia.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>维基百科</strong>
                                </a>
                                <p class="overflowClip_2">开源全面的百科全书</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://translate.google.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://translate.google.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/google.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>谷歌翻译</strong>
                                </a>
                                <p class="overflowClip_2">通用的在线翻译工具</p>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <br />
            <!--END 常用标签 -->

            <!-- 在线邮箱 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="在线邮箱"></i>在线邮箱</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://email.163.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://email.163.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/163email.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>163邮箱</strong>
                                </a>
                                <p class="overflowClip_2">163邮箱在线管理</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://mail.qq.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://mail.qq.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/qqemail.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>QQ邮箱</strong>
                                </a>
                                <p class="overflowClip_2">QQ邮箱在线管理</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://mail.google.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://mail.google.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/gmail.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Google邮箱</strong>
                                </a>
                                <p class="overflowClip_2">Google邮箱在线管理</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://outlook.live.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://outlook.live.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/outlookemail.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Outlook Email</strong>
                                </a>
                                <p class="overflowClip_2">Outlook邮箱在线管理</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://temp-mail.org/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://temp-mail.org/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/tempemail.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Temp Email</strong>
                                </a>
                                <p class="overflowClip_2">临时邮箱系统</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!-- End 在线邮箱 -->

            <!-- 个人工具 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="个人工具"></i>个人工具</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://justhost.ru/auth/login/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://justhost.ru/auth/login/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/justhost.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Just Host</strong>
                                </a>
                                <p class="overflowClip_2">Just Host VPS</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://cnttk43.justhost.ru:8006/#v1:0:18:4::::::', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://cnttk43.justhost.ru:8006/#v1:0:18:4::::::">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/jhmanager.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Just Host Manager</strong>
                                </a>
                                <p class="overflowClip_2">Just Host Manager</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://wakatime.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://wakatime.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/wakatime.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>WakaTime</strong>
                                </a>
                                <p class="overflowClip_2">个人开发时间管理</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.tidio.com/panel/dashboard', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.tidio.com/panel/dashboard">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/tidio.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Tidio</strong>
                                </a>
                                <p class="overflowClip_2">个人机器人助手管理平台</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://hamibot.com/dashboard', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://hamibot.com/dashboard">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/hamibot.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Hamibot</strong>
                                </a>
                                <p class="overflowClip_2">自动化脚本构建与管理平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://id.qweather.com/#/login', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://id.qweather.com/#/login">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/qweather.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>和风天气</strong>
                                </a>
                                <p class="overflowClip_2">天气组件管理平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://tongji.baidu.com/web/10000423256/homepage/index', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://tongji.baidu.com/web/10000423256/homepage/index">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/bdtj.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>百度统计</strong>
                                </a>
                                <p class="overflowClip_2">网页数据报告平台</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!-- End 个人工具 -->

            <!-- 项目管理 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="项目管理"></i>项目管理</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.yuque.com/dashboard', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.yuque.com/dashboard">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/queyu.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>雀语</strong>
                                </a>
                                <p class="overflowClip_2">项目管理与文档建设平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.figma.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.figma.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/figma.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Figma</strong>
                                </a>
                                <p class="overflowClip_2">前端设计与管理平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://hub.docker.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://hub.docker.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/Docker.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Docker Hub</strong>
                                </a>
                                <p class="overflowClip_2">Docker 镜像管理平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://app.swaggerhub.com/home', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://app.swaggerhub.com/home">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/swaggerhub.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Swagger Hub</strong>
                                </a>
                                <p class="overflowClip_2">API建设与管理平台</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!-- End 项目管理 -->

            <!-- 三方应用 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="三方应用"></i>三方应用</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://colab.research.google.com/#', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://colab.research.google.com/#">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/colab.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Colab</strong>
                                </a>
                                <p class="overflowClip_2">Google深度学习计算平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://drive.google.com/drive', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://drive.google.com/drive">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/googledrive.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Google Drive</strong>
                                </a>
                                <p class="overflowClip_2">Google云盘</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.aliyun.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.aliyun.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/tianchi.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>阿里云</strong>
                                </a>
                                <p class="overflowClip_2">阿里云控制台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://auth.huaweicloud.com/authui/login.html#/login', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://auth.huaweicloud.com/authui/login.html#/login">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/huaweiyun.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>华为云</strong>
                                </a>
                                <p class="overflowClip_2">华为云控制台</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://portal.qiniu.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://portal.qiniu.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/qiniu.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>七牛云</strong>
                                </a>
                                <p class="overflowClip_2">七牛云控制台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.wjx.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.wjx.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/wjx.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>问卷星</strong>
                                </a>
                                <p class="overflowClip_2">问卷星控制台</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!-- End 三方应用 -->

            <!-- 其他管理 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="其他管理"></i>其他管理</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://gather.town/app', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://gather.town/app">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/gather.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Gather Town</strong>
                                </a>
                                <p class="overflowClip_2">元宇宙社交平台</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!-- End 其他管理 -->

            <!-- 通用工具 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="通用工具"></i>通用工具</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://tools.pdf24.org/zh/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://tools.pdf24.org/zh/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/pdf24tools.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>PDF24 Tools</strong>
                                </a>
                                <p class="overflowClip_2">免费且易于使用的在线PDF工具</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://pdf.yozocloud.cn/p/home', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://pdf.yozocloud.cn/p/home">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/yongzhongpdf.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>永中PDF</strong>
                                </a>
                                <p class="overflowClip_2">永中PDF在线工具集</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://123apps.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://123apps.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/123apps.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>123Apps</strong>
                                </a>
                                <p class="overflowClip_2">在线综合工具应用</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.processon.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.processon.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/processon.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>ProcessOn</strong>
                                </a>
                                <p class="overflowClip_2">在线流程图思维导图制作</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://tool.lu/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://tool.lu/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/toollu.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>在线Tool</strong>
                                </a>
                                <p class="overflowClip_2">在线程序员工具大全</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!--END 通用工具 -->

            <!-- 写作编程 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="写作编程"></i>写作编程</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://vscode.dev/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://vscode.dev/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/vscode.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>在线Vscode</strong>
                                </a>
                                <p class="overflowClip_2">在线编程IDE</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.overleaf.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.overleaf.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/overleaf.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Overleaf</strong>
                                </a>
                                <p class="overflowClip_2">在线Latex写作工具</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.nounplus.net/grammarcheck/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.nounplus.net/grammarcheck/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/nounplus.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>NounPlus</strong>
                                </a>
                                <p class="overflowClip_2">Grammar Check Free Online Utility</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://xiezuocat.com/#/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://xiezuocat.com/#/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/xiezuomao.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>写作猫</strong>
                                </a>
                                <p class="overflowClip_2">新一代ai写作伴侣</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://codepen.io/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://codepen.io/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/codepen.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>CodePen</strong>
                                </a>
                                <p class="overflowClip_2">在线Web代码平台</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!--END 写作编程 -->

            <!-- 数学工具 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="数学工具"></i>数学工具</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.wolframalpha.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.wolframalpha.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/wolframalpha.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>WolframAlpha</strong>
                                </a>
                                <p class="overflowClip_2">强大的在线数学计算工具库</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://snip.mathpix.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://snip.mathpix.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/mathpix.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Mathpix</strong>
                                </a>
                                <p class="overflowClip_2">公式OCR</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://zh.numberempire.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://zh.numberempire.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/shuxuediguo.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>数学帝国</strong>
                                </a>
                                <p class="overflowClip_2">数学计算工具集</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.desmos.com/calculator', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.desmos.com/calculator">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/desmos.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Desmos</strong>
                                </a>
                                <p class="overflowClip_2">图表计算器</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!--END 数学工具 -->

            <!-- 安全工具 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="安全工具"></i>安全工具</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://tool.bugku.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://tool.bugku.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/bugku.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Bugku Tool</strong>
                                </a>
                                <p class="overflowClip_2">CTF在线工具大全</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.hiencode.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.hiencode.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/ctftools.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>CTF在线工具</strong>
                                </a>
                                <p class="overflowClip_2">CTF在线工具大全</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.onebug.org/caimima/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.onebug.org/caimima/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/code.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>安全防线</strong>
                                </a>
                                <p class="overflowClip_2">密码字典生成工具</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!--END 安全工具 -->

            <!-- 软件下载 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="软件下载"></i>软件下载</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.macwk.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.macwk.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/macwk.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>MacWK</strong>
                                </a>
                                <p class="overflowClip_2">精品Mac软件破解仓库</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.ghxi.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.ghxi.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/ghbk.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>果核剥壳</strong>
                                </a>
                                <p class="overflowClip_2">Window软件下载库</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://chrome.zzzmh.cn/#/index', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://chrome.zzzmh.cn/#/index">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/googlecj.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>极简插件</strong>
                                </a>
                                <p class="overflowClip_2">精品Chrome插件</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!--END 软件下载 -->

            <!-- 翻译平台 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="翻译平台"></i>翻译平台</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://translate.google.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://translate.google.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/google.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>谷歌翻译</strong>
                                </a>
                                <p class="overflowClip_2">通用的在线翻译工具</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://fanyi.baidu.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://fanyi.baidu.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/bdfy.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>百度翻译</strong>
                                </a>
                                <p class="overflowClip_2">百度在线翻译工具</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://fanyi.youdao.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://fanyi.youdao.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/ydfy.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>有道翻译</strong>
                                </a>
                                <p class="overflowClip_2">网易有道在线翻译工具</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.deepl.com/translator', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.deepl.com/translator">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/deepl.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>DeepL翻译</strong>
                                </a>
                                <p class="overflowClip_2">深度学习在线翻译工具</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!-- End 翻译平台 -->

            <!-- 检索工具 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="检索工具"></i>检索工具</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://chaonengsou.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://chaonengsou.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/chaonengsou.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>超能搜</strong>
                                </a>
                                <p class="overflowClip_2">百度云资源搜索引擎网站</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.shodan.io/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.shodan.io/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/shodan.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>SHODAN</strong>
                                </a>
                                <p class="overflowClip_2">危险的搜索引擎</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!--END 检索工具 -->

            <!-- 其他工具 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="其他工具"></i>其他工具</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://jsonformatter.curiousconcept.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://jsonformatter.curiousconcept.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/json.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Json格式化</strong>
                                </a>
                                <p class="overflowClip_2">Json格式化工具</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.codeinword.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.codeinword.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/word.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>CodeInWord</strong>
                                </a>
                                <p class="overflowClip_2">Word嵌入代码美化</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!--END 其他工具 -->

            <!-- 学习平台 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="学习平台"></i>学习平台</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.coursera.org/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.coursera.org/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/coursera.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Coursera</strong>
                                </a>
                                <p class="overflowClip_2">学习新技能，迎接‘成就自我的一年’</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.allhistory.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.allhistory.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/quanlishi.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>全历史</strong>
                                </a>
                                <p class="overflowClip_2">最全面的世界历史数据库</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://qiskit.org/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://qiskit.org/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/qiskit.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Qiskit</strong>
                                </a>
                                <p class="overflowClip_2">IBM量子计算平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.w3schools.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.w3schools.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/w3schools.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>W3School</strong>
                                </a>
                                <p class="overflowClip_2">在线编程学习平台</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://stackoverflow.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://stackoverflow.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/stackoverflow.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>StackOverflow</strong>
                                </a>
                                <p class="overflowClip_2">程序员Bug交流平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://deepmind.com/learning-resources', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://deepmind.com/learning-resources">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/deepmind.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>DeepMind</strong>
                                </a>
                                <p class="overflowClip_2">DeepMind课程资源平台</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!--END 学习平台 -->

            <!-- 竞赛平台 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="竞赛平台"></i>竞赛平台</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.kaggle.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.kaggle.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/kaggle.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Kaggle</strong>
                                </a>
                                <p class="overflowClip_2">Start with more than a blinking cursor</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://tianchi.aliyun.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://tianchi.aliyun.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/tianchi.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>阿里天池</strong>
                                </a>
                                <p class="overflowClip_2">人工智能比赛平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.datafountain.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.datafountain.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/datafountain.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>DataFountain</strong>
                                </a>
                                <p class="overflowClip_2">大数据人工智能竞赛平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.china-icv.cn/index.php/conference', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.china-icv.cn/index.php/conference">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/carcom.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>国家智能网联汽车创新中心</strong>
                                </a>
                                <p class="overflowClip_2">驾驶检测相关的AI竞赛平台</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!--END 竞赛平台 -->

            <!-- 文档资料 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="文档资料"></i>文档资料</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://devdocs.io/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://devdocs.io/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/devdocx.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Devdocs</strong>
                                </a>
                                <p class="overflowClip_2">API文档大全</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://elixir.bootlin.com/linux/latest/source', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://elixir.bootlin.com/linux/latest/source">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/bootlin.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Bootlin</strong>
                                </a>
                                <p class="overflowClip_2">Linux Kernel Source Code</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://kaisery.github.io/trpl-zh-cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://kaisery.github.io/trpl-zh-cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/rust.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Rust编程</strong>
                                </a>
                                <p class="overflowClip_2">Rust 程序设计语言</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://pytorch-geometric.readthedocs.io/en/latest/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://pytorch-geometric.readthedocs.io/en/latest/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/pyg.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>PYG</strong>
                                </a>
                                <p class="overflowClip_2">PyTorch Geometric Lib Document</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://react.docschina.org/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://react.docschina.org/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/react.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>React</strong>
                                </a>
                                <p class="overflowClip_2">React Document</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!--END 文档资料 -->

            <!-- 优质课程 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="优质课程"></i>优质课程</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://cmu-multicomp-lab.github.io/mmml-course/fall2020/schedule/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://cmu-multicomp-lab.github.io/mmml-course/fall2020/schedule/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/mmml.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>MMML</strong>
                                </a>
                                <p class="overflowClip_2">卡内基梅隆大学-多模态深度学习课程</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://kivy-cn.github.io/Stanford-CS-229-CN/#/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://kivy-cn.github.io/Stanford-CS-229-CN/#/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/cs229.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>CS229</strong>
                                </a>
                                <p class="overflowClip_2">CS229 课程讲义中文翻译</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://web.stanford.edu/class/cs224n/index.html#schedule', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://web.stanford.edu/class/cs224n/index.html#schedule">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/cs224n.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>CS224N</strong>
                                </a>
                                <p class="overflowClip_2">斯坦福大学-自然语言处理课程</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!--END 优质课程 -->

            <!-- 生活百科 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="生活百科"></i>生活百科</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://zh.wikihow.com/%E9%A6%96%E9%A1%B5', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://zh.wikihow.com/%E9%A6%96%E9%A1%B5">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/wikihow.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>WikiHow</strong>
                                </a>
                                <p class="overflowClip_2">互联网上最值得信赖的指南网站</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.xiachufang.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.xiachufang.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/xiachufang.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>下厨房</strong>
                                </a>
                                <p class="overflowClip_2">菜谱制作大全</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!--END 生活百科 -->

            <!-- 其他资料 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="其他资料"></i>其他资料</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://labuladong.github.io/algo/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://labuladong.github.io/algo/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/algo.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>算法小抄</strong>
                                </a>
                                <p class="overflowClip_2">LeetCode 算法题解</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!--END 其他资料 -->

            <!-- 学术检索 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="学术检索"></i>学术检索</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://scholar.google.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://scholar.google.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/googlescholar.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>谷歌学术</strong>
                                </a>
                                <p class="overflowClip_2">全面的学术检索</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.arxiv-sanity.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.arxiv-sanity.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/arxiv.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Arxiv</strong>
                                </a>
                                <p class="overflowClip_2">预印版论文发表平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.scihub.net.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.scihub.net.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/scihub.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>SciHub</strong>
                                </a>
                                <p class="overflowClip_2">SCI学术导航</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://paperswithcode.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://paperswithcode.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/paperwithcode.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>PaperWithCode</strong>
                                </a>
                                <p class="overflowClip_2">Papers with Code links</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!-- End 学术检索 -->

            <!-- 学术工具 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="学术工具"></i>学术工具</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://readpaper.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://readpaper.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/readpaper.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>ReadPaper</strong>
                                </a>
                                <p class="overflowClip_2">专业的学术讨论社区</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://biorender.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://biorender.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/biorender.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>BioRender</strong>
                                </a>
                                <p class="overflowClip_2">在线专业的论文做图平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://hiplot.com.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://hiplot.com.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/hiplot.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Hiplot</strong>
                                </a>
                                <p class="overflowClip_2">Visualization-driven bioinformatics analysis</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.lucidchart.com/pages/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.lucidchart.com/pages/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/lucid.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Lucid</strong>
                                </a>
                                <p class="overflowClip_2">Lucidchart is the intelligent diagramming application that brings teams together to make better decisions and build the future.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.connectedpapers.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.connectedpapers.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/connectpapers.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Connected Papers</strong>
                                </a>
                                <p class="overflowClip_2">Explore connected papers in a visual graph</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://charticulator.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://charticulator.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/charticulator.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Charticulator</strong>
                                </a>
                                <p class="overflowClip_2">Create Bespoke Chart Designs without Programming</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!-- End 学术工具 -->

            <!-- 人工智能 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="人工智能"></i>人工智能</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://index.quantumstat.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://index.quantumstat.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/nlpindex.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>NLP Index</strong>
                                </a>
                                <p class="overflowClip_2">NLP论文检索</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://dblp.uni-trier.de/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://dblp.uni-trier.de/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/dblp.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>DBLP</strong>
                                </a>
                                <p class="overflowClip_2">深度学习论文检索</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!-- End 人工智能 -->

            <!-- 研究补充 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="研究补充"></i>研究补充</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://sci-hub.hkvisa.net/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://sci-hub.hkvisa.net/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/Sci-Hub.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>SCI-HUB</strong>
                                </a>
                                <p class="overflowClip_2">…… to remove all barriers in the way of science</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!-- End 研究补充 -->

            <!-- 设计平台 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="设计平台"></i>设计平台</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://huaban.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://huaban.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/huaban.png" class="lozad img-circle" width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>花瓣</strong>
                                </a>
                                <p class="overflowClip_2">收集灵感,保存有用的素材</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://behance.net/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://behance.net/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/behance.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Behance</strong>
                                </a>
                                <p class="overflowClip_2">Adobe旗下的设计师交流平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.uisdc.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.uisdc.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/uisdc.png" class="lozad img-circle" width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>优设</strong>
                                </a>
                                <p class="overflowClip_2">设计师交流学习平台</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!-- End 设计平台 -->

            <!-- 图像设计 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="图像设计"></i>图像设计</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.photopea.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.photopea.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/photopea.png" class="lozad img-circle" width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Photopea</strong>
                                </a>
                                <p class="overflowClip_2">在线的PhotoShop</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.canva.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.canva.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/canva.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Canva</strong>
                                </a>
                                <p class="overflowClip_2">一款在线的图片设计工具</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.uugai.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.uugai.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/Ugai.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>U钙网</strong>
                                </a>
                                <p class="overflowClip_2">在线Logo设计工具</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.remove.bg/zh', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.remove.bg/zh">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/removebg.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Removebg</strong>
                                </a>
                                <p class="overflowClip_2">AI图片背景消除</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://zh.recompressor.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://zh.recompressor.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/recompressor.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Recompressor</strong>
                                </a>
                                <p class="overflowClip_2">在线最优图像压缩图像优化</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://shields.io/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://shields.io/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/shieldsio.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>shields.io</strong>
                                </a>
                                <p class="overflowClip_2">在线Badge设计</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://bigjpg.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://bigjpg.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/Bigjpg.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Bigjpg</strong>
                                </a>
                                <p class="overflowClip_2">AI人工智能图片放大</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://weavesilk.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://weavesilk.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/silk.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Silk</strong>
                                </a>
                                <p class="overflowClip_2">在线交互式光效艺术图生成</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://huggingface.co/spaces/akhaliq/GFPGAN', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://huggingface.co/spaces/akhaliq/GFPGAN">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/huggingface.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>GFP-GAN</strong>
                                </a>
                                <p class="overflowClip_2">黑白老照片像素增强修复</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.picdiet.com/zh-cn', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.picdiet.com/zh-cn">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/picdiet.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Picdiet</strong>
                                </a>
                                <p class="overflowClip_2">极致在线压缩80%图片体积</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!--END 图像设计 -->
            <!-- 视频设计 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="视频设计"></i>视频设计</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://lightmv.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://lightmv.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/youtang.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>右糖</strong>
                                </a>
                                <p class="overflowClip_2">在线轻松制作精彩视频</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://member.bilibili.com/studio/bs-editor/projects', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://member.bilibili.com/studio/bs-editor/projects">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/yunjianji.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>bilibili云剪辑</strong>
                                </a>
                                <p class="overflowClip_2">创作也许没那么难，只要你迈出第一步</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!--END 视频设计 -->

            <!-- 音频设计 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="音频设计"></i>音频设计</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://mp3.aoleiao.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://mp3.aoleiao.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/kuQ.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>酷Q网</strong>
                                </a>
                                <p class="overflowClip_2">酷Q网音频格式转换</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.6pian.cn', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.6pian.cn">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/niupian.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>牛片网</strong>
                                </a>
                                <p class="overflowClip_2">免费视频配音</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.lalal.ai', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.lalal.ai">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/lalal.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>LALAL.AI</strong>
                                </a>
                                <p class="overflowClip_2">在线人声背景音分离</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.tunefind.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.tunefind.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/tunefind.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>tunefind</strong>
                                </a>
                                <p class="overflowClip_2">根据电影找其使用的音乐和BGM</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!--END 音频设计 -->

            <!-- 3D设计 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="3D设计"></i>3D设计</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.baoxiaohe.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.baoxiaohe.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/baoxiaohe.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>包小盒</strong>
                                </a>
                                <p class="overflowClip_2">在线3D包装设计工具</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!--END 3D设计 -->

            <!-- 其他设计 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="其他设计"></i>其他设计</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.woodo.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.woodo.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/wudao.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>吾道</strong>
                                </a>
                                <p class="overflowClip_2">强大的PPT幻灯片协作工具</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://xiumi.us/#/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://xiumi.us/#/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/xiumi.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>秀米</strong>
                                </a>
                                <p class="overflowClip_2">简易的微信公众号排版工具</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.wondercv.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.wondercv.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/wondercv.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>WonderCV</strong>
                                </a>
                                <p class="overflowClip_2">超级简历-高质量简历在线制作</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://sunpma.com/other/rgb/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://sunpma.com/other/rgb/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/rgba.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>RGBA</strong>
                                </a>
                                <p class="overflowClip_2">在线色彩转换器</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!--END 其他设计 -->

            <!-- 图标素材 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="图标素材"></i>图标素材</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.iconfont.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.iconfont.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/iconfont.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>iconfont</strong>
                                </a>
                                <p class="overflowClip_2">阿里巴巴矢量图标库</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://icons8.com/icons/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://icons8.com/icons/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/icons8.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>icons8</strong>
                                </a>
                                <p class="overflowClip_2">嵌入式图标素材库</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.iconfinder.com', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.iconfinder.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/Iconfinder.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Iconfinder</strong>
                                </a>
                                <p class="overflowClip_2">2,100,000+ free and premium vector icons.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://findicons.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://findicons.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/FindIcons.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>FindIcons</strong>
                                </a>
                                <p class="overflowClip_2">Search through 300,000 free icons</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://icomoon.io/app/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://icomoon.io/app/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/IcoMoonApp.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>IcoMoonApp</strong>
                                </a>
                                <p class="overflowClip_2">Icon Font, SVG, PDF &amp; PNG Generator</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.flaticon.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.flaticon.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/flaticon.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>flaticon</strong>
                                </a>
                                <p class="overflowClip_2">634,000+ Free vector icons in SVG, PSD, PNG, EPS format or as ICON FONT.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://ionicons.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://ionicons.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/ionicons.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>ion icons</strong>
                                </a>
                                <p class="overflowClip_2">The premium icon font for Ionic Framework.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://worldvectorlogo.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://worldvectorlogo.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/worldvectorlogo.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>World Vector Logo</strong>
                                </a>
                                <p class="overflowClip_2">Brand logos free to download</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!--END 图标素材 -->

            <!-- 图像素材 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="图像素材"></i>图像素材</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.pexels.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.pexels.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/pexels.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Pexels</strong>
                                </a>
                                <p class="overflowClip_2">免版权视频图像分享社区</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://unsplash.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://unsplash.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/unsplash.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Unsplash</strong>
                                </a>
                                <p class="overflowClip_2">免费的图片与照片</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://pixabay.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://pixabay.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/pixabay.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Pixabay</strong>
                                </a>
                                <p class="overflowClip_2">全球知名的图库网站及充满活力的创意</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://ilovepapers.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://ilovepapers.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/ilovepapers.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>ILovePapers</strong>
                                </a>
                                <p class="overflowClip_2">高清壁纸社区</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://ibaotu.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://ibaotu.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/baotu.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>包图网</strong>
                                </a>
                                <p class="overflowClip_2">图片海报素材网站</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.58pic.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.58pic.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/qiantu.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>千图网</strong>
                                </a>
                                <p class="overflowClip_2">专注免费设计素材下载的网站</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://588ku.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://588ku.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/qianku.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>千库网</strong>
                                </a>
                                <p class="overflowClip_2">免费png图片背景素材下载</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.ooopic.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.ooopic.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/wotu.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>我图网</strong>
                                </a>
                                <p class="overflowClip_2">我图网,提供图片素材及模板下载,专注正版设计作品交易</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!--END 图像素材 -->

            <!-- 视频素材 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="视频素材"></i>视频素材</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://mixkit.co/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://mixkit.co/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/mixkit.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Mixkit</strong>
                                </a>
                                <p class="overflowClip_2">高质量视频和动画的精选画廊</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.videvo.net/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.videvo.net/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/videvo.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Videvo</strong>
                                </a>
                                <p class="overflowClip_2">免费的视频影片与28000多个视频剪辑在4k和高清</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://shipin520.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://shipin520.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/chaodian.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>潮点视频</strong>
                                </a>
                                <p class="overflowClip_2">海量超清实拍视频、视频模板库</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!--END 素材图库 -->

            <!-- 音频素材 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="音频素材"></i>音频素材</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://sc.chinaz.com/yinxiao/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://sc.chinaz.com/yinxiao/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/zhanzhang.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>站长素材</strong>
                                </a>
                                <p class="overflowClip_2">免费场景音效下载</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.tosound.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.tosound.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/tosound.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>toSound</strong>
                                </a>
                                <p class="overflowClip_2">探索全球 1,000,000+ 声音资源</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.soundgator.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.soundgator.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/soundgator.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>SoundGator</strong>
                                </a>
                                <p class="overflowClip_2">海量的无版权自然音效</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!--END 音频素材 -->

            <!-- 3D素材 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="3D素材"></i>3D素材</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://3dtotal.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://3dtotal.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/3dtotal.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>3dTotal</strong>
                                </a>
                                <p class="overflowClip_2">各种免费3D建模模型</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://archive3d.net/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://archive3d.net/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/archive3d.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Archive3d</strong>
                                </a>
                                <p class="overflowClip_2">免费15000+ 3D模型下载无需注册</p>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <br />
            <!--END 3D素材 -->

            <!-- 字体资源 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="字体资源"></i>字体资源</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.ziticangku.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.ziticangku.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/ziticangku.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>字体仓库</strong>
                                </a>
                                <p class="overflowClip_2">最全的免费商用字体库</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://fonts.google.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://fonts.google.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/googlefont.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Google Font</strong>
                                </a>
                                <p class="overflowClip_2">Making the web more beautiful, fast, and open through great typography</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://typekit.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://typekit.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/typekit.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Typekit</strong>
                                </a>
                                <p class="overflowClip_2">Quality fonts from the world’s best foundries.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.foundertype.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.foundertype.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/Fondertype.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>方正字库</strong>
                                </a>
                                <p class="overflowClip_2">方正字库官方网站</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.onlinewebfonts.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.onlinewebfonts.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/OnlineWebFonts.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>OnlineWebFonts</strong>
                                </a>
                                <p class="overflowClip_2">WEB Free Fonts for Windows and Mac / Font free Download</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.abstractfonts.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.abstractfonts.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/abstractfonts.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Abstract Fonts</strong>
                                </a>
                                <p class="overflowClip_2">Abstract Fonts (13,866 free fonts)</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!--END 字体资源 -->

            <!-- PDF资源 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="PDF资源"></i>PDF资源</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.pdfdrive.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.pdfdrive.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/pdfdrive.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>PDFdrive</strong>
                                </a>
                                <p class="overflowClip_2">Search and download PDF files for free</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://toplinks.cc/s/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://toplinks.cc/s/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/taolianke.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>淘链客</strong>
                                </a>
                                <p class="overflowClip_2">外链资源聚合搜索引擎</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.jiumodiary.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.jiumodiary.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/jiumo.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>jiumo Search</strong>
                                </a>
                                <p class="overflowClip_2">文档搜索引擎</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://shuxiangjia.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://shuxiangjia.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/shuxiangjia.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>书享家</strong>
                                </a>
                                <p class="overflowClip_2">电子书下载资源库</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.gutenberg.org/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.gutenberg.org/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/gutenberg.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Gutenberg</strong>
                                </a>
                                <p class="overflowClip_2">Free eBook</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.bookstack.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.bookstack.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/shuzhan.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>书栈网</strong>
                                </a>
                                <p class="overflowClip_2">程序员电子文档资源库</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://tanqingbo.cn/CSBook001/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://tanqingbo.cn/CSBook001/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/itmanong.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>IT码农</strong>
                                </a>
                                <p class="overflowClip_2">一个专注于程序员成长的网站</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://openstax.org/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://openstax.org/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/openstax.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>OpenStax</strong>
                                </a>
                                <p class="overflowClip_2">Free and flexible textbooks and resources.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!--END PDF资源 -->

            <!-- PPT资源 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="PPT资源"></i>PPT资源</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.ypppt.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.ypppt.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/ypppt.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>优品PPT</strong>
                                </a>
                                <p class="overflowClip_2">一个有情怀的免费PPT模板下载网站</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.pptmind.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.pptmind.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/pptmind.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>PPTMind</strong>
                                </a>
                                <p class="overflowClip_2">分享高端ppt模板与keynote模板的数字作品交易平台</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!--END PPT资源 -->

            <!-- 其他资源 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="其他资源"></i>其他资源</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://emojixd.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://emojixd.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/emojixd.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>EmojiXD</strong>
                                </a>
                                <p class="overflowClip_2"> Emoji表情大全，颜文字百科</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://copy.emojiall.com/zh-hans/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://copy.emojiall.com/zh-hans/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/emojiall.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>EmojiALL</strong>
                                </a>
                                <p class="overflowClip_2"> Emoji快速复制粘贴大全</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!--END 其他资源 -->

            <!-- 在线游戏 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="在线游戏"></i>在线游戏</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.wexyx.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.wexyx.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/xbw.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>小霸王</strong>
                                </a>
                                <p class="overflowClip_2">小霸王在线游戏机</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!-- End 在线游戏 -->

            <!-- 视频平台 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="视频平台"></i>视频平台</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.youtube.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.youtube.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/youtube.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>YouTube</strong>
                                </a>
                                <p class="overflowClip_2">综合型视频娱乐平台</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!-- End 视频平台 -->

            <!-- 社交平台 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="社交平台"></i>社交平台</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://weibo.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://weibo.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/weibo.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>微博</strong>
                                </a>
                                <p class="overflowClip_2">国内大型娱乐社交平台</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!-- End 社交平台 -->

            <!-- 其他娱乐 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="其他娱乐"></i>其他娱乐</h4>
            <div class="row">
            </div>
            <br />
            <!-- End 其他娱乐 -->

            <!-- 友情链接 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="友情链接"></i>友情链接</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://blog.creativecc.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://blog.creativecc.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logo/blog.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>JackHCC的博客</strong>
                                </a>
                                <p class="overflowClip_2">个人技术栈与知识库体系</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!--END 友情链接 -->
            <!-- Main Footer -->
            <!-- Choose between footer styles: "footer-type-1" or "footer-type-2" -->
            <!-- Add class "sticky" to  always stick the footer to the end of page (if page contents is small) -->
            <!-- Or class "fixed" to  always fix the footer to the end of page -->
            <footer class="main-footer sticky footer-type-1">
                <div class="footer-inner">
                    <!-- Add your copyright text here -->
                    <div class="footer-text">
                        &copy; 2021
                        <a href="../cn/about.html"><strong>Creative.cc</strong></a> design by <a href="https://github.com/JackHCC" target="_blank"><strong>JackHCC</strong></a>, support by <a href="https://github.com/WebStackPage/WebStackPage.github.io" target="_blank"><strong>WebStack</strong></a>
                        <p><span id="busuanzi_container_site_pv">本站访问量：<span id="busuanzi_value_site_pv"></span></span></p>
                        <!--  - Purchase for only <strong>23$</strong> -->
                    </div>
                    <!-- Go to Top Link, just add rel="go-top" to any link to add this functionality -->
                    <div class="go-up">
                        <a href="#" rel="go-top">
                            <i class="fa-angle-up"></i>
                        </a>
                    </div>
                </div>
            </footer>
        </div>
    </div>
    <!-- 锚点平滑移动 -->
    <script type="text/javascript">
    $(document).ready(function() {
         //img lazy loaded
         const observer = lozad();
         observer.observe();

        $(document).on('click', '.has-sub', function(){
            var _this = $(this)
            if(!$(this).hasClass('expanded')) {
               setTimeout(function(){
                    _this.find('ul').attr("style","")
               }, 300);
              
            } else {
                $('.has-sub ul').each(function(id,ele){
                    var _that = $(this)
                    if(_this.find('ul')[0] != ele) {
                        setTimeout(function(){
                            _that.attr("style","")
                        }, 300);
                    }
                })
            }
        })
        $('.user-info-menu .hidden-sm').click(function(){
            if($('.sidebar-menu').hasClass('collapsed')) {
                $('.has-sub.expanded > ul').attr("style","")
            } else {
                $('.has-sub.expanded > ul').show()
            }
        })
        $("#main-menu li ul li").click(function() {
            $(this).siblings('li').removeClass('active'); // 删除其他兄弟元素的样式
            $(this).addClass('active'); // 添加当前元素的样式
        });
        $("a.smooth").click(function(ev) {
            ev.preventDefault();

            public_vars.$mainMenu.add(public_vars.$sidebarProfile).toggleClass('mobile-is-visible');
            ps_destroy();
            $("html, body").animate({
                scrollTop: $($(this).attr("href")).offset().top - 30
            }, {
                duration: 500,
                easing: "swing"
            });
        });
        return false;
    });

    var href = "";
    var pos = 0;
    $("a.smooth").click(function(e) {
        $("#main-menu li").each(function() {
            $(this).removeClass("active");
        });
        $(this).parent("li").addClass("active");
        e.preventDefault();
        href = $(this).attr("href");
        pos = $(href).position().top - 30;
    });
    </script>
    <!-- Bottom Scripts -->
    <script src="../assets/js/bootstrap.min.js"></script>
    <script src="../assets/js/TweenMax.min.js"></script>
    <script src="../assets/js/resizeable.js"></script>
    <script src="../assets/js/joinable.js"></script>
    <script src="../assets/js/xenon-api.js"></script>
    <script src="../assets/js/xenon-toggles.js"></script>
    <!-- JavaScripts initializations and stuff -->
    <script src="../assets/js/xenon-custom.js"></script>
    <script src="../assets/js/lozad.js"></script>
    <!-- Search Engine-->
    <script src="../assets/js/search.js"></script>
    <!-- 引入superplaceholder.js，实现input打字机效果 -->
    <script src="../assets/js/superplaceholder.js"></script>
    <script src="../assets/js/checkOs.js"></script>
    <!--引入不蒜子计数-->
    <script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
</body>

</html>
